<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>组织部门管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../elementUI/index.css">
    <link rel="stylesheet" href="../../../css/index.css">
    <link rel="stylesheet" href="./css/base2.css">
</head>
<style>
    ::-webkit-scrollbar {
        width: 8px;
        transform: translateX(8px);
        position: absolute;
        right: 0;
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgb(139, 139, 139);
    }
</style>

<body>
    <div id="app" class="minWidth">
        <el-form :inline="true">
            <el-form-item>
                <el-button @click="Addemployee" type="primary">添加组织</el-button>
            </el-form-item>
        </el-form>
        <el-table height="calc(100vh - 140px)" :data="IA_tableData" border style="width: 100%">
            <el-table-column align="center" type="index">
            </el-table-column>
            <el-table-column align="center" type="expand">
                <el-table :data="IA_tableData" border style="width: 100%">
                    <el-table-column align="center" type="index" width="50">
                    </el-table-column>
                    <el-table-column align="center" prop="date" label="所属部门">
                    </el-table-column>
                    <el-table-column align="center" prop="name" label="部门介绍">
                    </el-table-column>
                </el-table>
                <div style="display: flex;justify-content: flex-end;">
                    <el-pagination background v-show="II_total > 0" @size-change="handleSizeChange"
                        @current-change="handleCurrentChange" :current-page="IO_form.page" :page-sizes="[10,20,30,50]"
                        :page-size="IO_form.limit" layout="total, sizes, prev, pager, next, jumper" :total="II_total">
                    </el-pagination>
                </div>
            </el-table-column>
            <el-table-column align="center" label="组织名称" prop="Organization_Name">
            </el-table-column>
            <el-table-column align="center" label="组织介绍" prop="Organization_Introduce">
            </el-table-column>
            <el-table-column align="center" label="操作">
                <template v-slot="{row}">
                    <el-button size="small" @click="EditOrganization(row)" type="primary">编辑</el-button>
                    <el-button :loading="IB_loading" size="small" @click="RdcOrganization(row)" type="danger">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <div style="display: flex;justify-content: flex-end;">
            <el-pagination background v-show="II_total > 0" @size-change="handleSizeChange"
                @current-change="handleCurrentChange" :current-page="IO_form.page" :page-sizes="[10,20,30,50]"
                :page-size="IO_form.limit" layout="total, sizes, prev, pager, next, jumper" :total="II_total">
            </el-pagination>
        </div>
    </div>
    <script type="text/javascript" src="../../../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../js/tablesMergeCell.js"></script>
    <script type="text/javascript" src="../../../js/vue.min.js"></script>
    <script type="text/javascript" src="../../../elementUI/index.js"></script>
    <script type="text/javascript" src="../../../js/utils.js"></script>
    <script type="text/javascript" src="./js/OrganizationalUnits.js"></script>
</body>

</html>